<!DOCTYPE html>
<html dir="ltr" hasBrowserHandlers="true">

	<head>
		<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

		<title>登录</title>
		<meta name="viewport" content="width=device-width" charset="utf-8" />
		<link rel="stylesheet" href="css/login.css">

		<link rel="icon" type="image/png" id="favicon" href="chrome://branding/content/icon32.png" />

		<body>

			<div id="cal-logo" class="fade-in-forward" style="opacity: 1;"></div>

			<div class="sign-in">
				<div id="main-content" class="card">

					<header>

						<img src="img/日历.png" />
						<h1 id="fxa-signin-header">

            <!-- L10N: For languages structured like English, the second phrase can read "to continue to %(serviceName)s" -->
            登录 <span class="service">教学日历管理系统</span>
        </h1>
					</header>

					<section>

						<div class="error"></div>
						<div class="success"></div>

						<form novalidate="">
							<div class="input-row">
								<input name="usrid1" class="usrid1" placeholder="学号" id="id" value="" spellcheck="false" autofocus="" type="text">
							</div>

							<div class="input-row password-row">
								<input class="password tooltip-below" name="pwd" id="password" placeholder="密码" pattern=".{6,}" required="" value="" type="password">
							</div>
							<div>
								<input name="auth" type="radio" value="3" />学生
								<input name="auth" type="radio" value="2" />老师
								<input name="auth" type="radio" value="1" />管理员
							</div>

							<div class="button-row">
								<button id="submit-btn" type="submit" class="disabled">登录</button>
							</div>
						</form>

					</section>

					<div id="stage" style="display: none;">

						<div id="manage">
							<header>
								<div id="usrid"></div>
							</header>

						</div>

						<div id="userError">
							<header>
								<h1>用户名或密码错误</h1>
							</header>

							<section>

								<div class="description">您的用户名或密码错误，请重试。</div>

							</section>
						</div>
					</div>
		</body>
</html>